<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Async异步函数</title>
</head>
<body>
<h1>async函数+await使用说明</h1>
<div>
    <ul>
        <li>如果函数中使用 await，外层函数类型一定是 async。</li>
        <li>最外层 async 函数，最终还是要用.then() 获取数据。</li>
    </ul>
</div>
</body>
<script>
    //定义异步函数
    async function getJsonResult() {
        console.log("异步函数执行====》");
        //异步函数，设置其他异步方法为同步调用
        //await：类型.then()都是堵塞式操作。
        let fetchPromise = await fetch(
            "https://mdn.github.io/learning-area/javascript/apis/fetching-data/can-store/products.json",
        );
        //获取结果
        let jsonRes = await fetchPromise.json();
        console.log("响应响应结果：", jsonRes)
        console.log("异步函数结束====》");
        return jsonRes;
    }

    //外部获取异步结果必须使用.then()方式
    getJsonResult().then(res => {
        console.log("getJsonRes响应结果：", res);
    })
</script>
</html>